* {
    padding: 0;
    margin: 0;
}

html,
body,
.content {
    width: 100%;
    height: 100%;
}


/* 清除默认样式 */
ul,
li {
    list-style: none;
    /* 清除列表的标记样式 */
    margin: 0;
    /* 清除上下的外边距 */
    padding: 0;
    /* 清除左右的内边距 */
}

button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;

    font-size: 14px;
    color: #333333;
}

a {
    text-decoration: none;
    color: inherit;
}

input {
    outline: none;
    /* 移除默认边框 */
}

/* 清除默认样式 */

.content {
    display: flex;
    flex-direction: column;
    align-items: center;

}


/* 页头 */
.content>.top {
    /* 最上导航等 */
    /* position: fixed; */
    display: flex;
    flex-direction: column;
    width: 100%;

    /* background-color: brown; */
    background-image: url(images/topBackground.png);
    background-size: cover;
    background-repeat: no-repeat;

    ul,
    li {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    ul {
        width: 1400px;
        margin: 0 auto;
    }

    li {
        flex: 1;
        padding-bottom: 12px;
        color: white;

        min-width: 115px;
    }

    input[type="search"] {
        height: 36px;
        width: 200px;
        padding-inline-start: 20px;
        padding-inline-end: 30px;
        border-radius: 18px;
    }

    .searchBox {
        position: relative;
    }

    .searchIconPart1 {
        position: absolute;
        top: 7px;
        right: 12px;

        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 2px solid #8c0000;
    }

    .searchIconPart2 {
        position: absolute;
        top: 21px;
        right: 12px;

        width: 0px;
        height: 5px;
        border: 1px solid #8c0000;
        transform: rotate(-50deg);
    }
}

.content>.top>:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content>.top>* {
    margin-top: 35px;
}

.content>.top>:first-child>:first-child {
    margin-right: 535px;
}

.content>.top>:first-child>:last-child {
    display: flex;
    justify-content: center;
}



/* 页头 */

/* 内容容器 */
.centerCoat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100%;
}

.center {
    width: 1400px;

    margin-inline: 260px;
}

#centerUnderwear>:not(:first-child) {
    margin-top: 10px;
    /* 将center中的块分开 */
}

/* 内容容器 */

/* 首页大轮播 */
.slidesShow {
    width: 100%;
    position: relative;
    height: 400px;
}

.slidesShowImg {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: 1.5s;

    width: 100%;
}

.slidesShowImg:first-child {
    opacity: 1;
}

.slidesShowUl {
    position: absolute;
    bottom: 50px;
    right: 45%;

    li {
        position: relative;

        display: block;

        min-width: 30px;
        min-height: 10px;
        float: left;
    }

    li::before {
        position: absolute;
        left: 10px;

        content: '';
        display: block;
        height: 8px;
        width: 8px;
        background-color: #ffffff;
        border-radius: 50%;
    }

    .slidesShowLiRed::before {
        background-color: #8c0000;
    }

    li:hover::before {
        background-color: #8c0000;
    }
}

/* 首页大轮播 */

/* upper部分 */
.upper {
    display: flex;
    gap: 40px;
}

#jiaoXueDongTai {
    flex: 2;
}

#xueGongDongTai {
    flex: 1;
}

/* 标题 */
.blockTitleFrame {
    display: flex;
    padding-block: 14px;
    gap: 14px;

    border-bottom: 3px solid #8c0000;
}

.blockTitle {
    flex-grow: 1;

    font-weight: 700;
    font-size: 18px;
    color: #8c0000;
}

/* 标题 */

/* 教学动态 */
/* 主页小轮播 */
.smallSlidesShow {
    height: 280px;
    width: 440px;
    position: relative;

    overflow: hidden;
}

.smallSlidesShowImg {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: 1.5s;

    height: 100%;
    width: 100%;

    text-align: center;

    &>* {
        object-fit: fill;
        height: 100%;
    }
}

.smallSlidesShowImg:first-child {
    opacity: 1;
}

.smallSlidesShowUl {
    position: absolute;
    bottom: 3%;
    right: 35%;

    li {
        position: relative;

        display: block;

        min-width: 30px;
        min-height: 10px;
        float: left;
    }

    li::before {
        position: absolute;
        left: 10px;

        content: '';
        display: block;
        height: 8px;
        width: 8px;
        background-color: #ffffff;
        opacity: 0.5;
        border-radius: 50%;
    }

    .smallSlidesShowLiWhite::before {
        opacity: 1;
    }

    li:hover::before {
        opacity: 1;
    }
}

/* 主页小轮播 */


#jiaoXueDongTai>:last-child {
    display: flex;
    flex-direction: column;
}

#jiaoXueDongTai>:last-child>* {
    flex-grow: 1;
}

#jiaoXueDongTai>:last-child>:first-child {
    margin-top: 19px;

    display: flex;
    gap: 14px;
}

#jiaoXueDongTai>:last-child>:first-child>* {
    flex: 1;
}

.detail {
    display: flex;
    flex-direction: column;
    gap: 20px;

    height: 280px;


    >:first-child {
        font-weight: 400;
        font-size: 18px;
        color: #1a1a1a;
    }

    >:nth-child(2) {
        font-weight: 400;
        font-size: 16px;
        color: #808080;
        line-height: 30px;

        display: -webkit-box;
        -webkit-line-clamp: 6;
        /* 限制显示的行数 */
        -webkit-box-orient: vertical;
        /* 垂直方向排列子元素 */
        overflow: hidden;
        /* 隐藏超出部分 */
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
    }

    >:last-child {
        font-weight: 400;
        font-size: 14px;
        color: #b3b3b3;
        display: inline-flex;
        align-items: center;
        justify-content: left;
        gap: 6px;

        padding: 6px;
        border-radius: 4px;
        border: 1px solid #e6e6e6;
        width: 110px;
    }
}

.aboutCoat {
    display: flex;

    &>* {
        display: flex;
        flex-direction: column;

    }

    .about {
        display: flex;
        gap: 23px;
        margin-inline: 7px;
        padding-block: 20px;
        margin-top: 10px;

        border-bottom: 2px solid #F2F2F2;
    }

    .about-time-day {
        font-weight: 400;
        font-size: 26px;
        text-align: center;
        color: #8c0000;
    }

    .about-time-monthAndYear {
        font-family: "SourceHanSansCN-Regular ";
        font-weight: 400;
        font-size: 14px;
        text-align: center;
        color: #808080;

        white-space: nowrap;
        /* 禁止换行，这个年月总是被挤到换行 */
    }

    .about-text {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* 限制显示的行数 */
        -webkit-box-orient: vertical;
        /* 垂直方向排列子元素 */
        overflow: hidden;
        /* 隐藏超出部分 */
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
    }

    .about-text:first-child {
        font-size: 18px;
        color: #1a1a1a;
        font-family: "Source Han Sans CN";
    }

    .about-text:last-child {
        font-size: 16px;
        color: #808080;
        font-family: "SourceHanSansCN-Regular";

        line-height: 40px;
    }
}

/* 教学动态 */

/* 学工动态 */
#xueGongDongTai {
    display: flex;
    flex-direction: column;
}

/* li的容器 */

#liCoat {
    display: flex;
    flex-direction: column;

    flex-grow: 1;
}

#liCoat>* {
    flex-grow: 1;
}

/* li的容器 */

/* li的mark */
#liCoat span::before {
    content: '';
    height: 18px;
    border: 1px solid #1a1a1a;

    position: relative;
    right: 10px;

}

#liCoat>:first-child span::before,
#liCoat>:nth-child(2) span::before {
    border: 1px solid #8c0000;
}

/* li的mark */

.borderBottomLi {
    display: flex;
    flex-grow: 1;
    border-bottom: 2px solid #F2F2F2;

    align-items: center;

    /* 这是为了配合li的mark */
    padding-inline-start: 10px;
    /* 这是为了配合li的mark */

    &>:first-child {
        flex-grow: 1;

        font-size: 18px;
        color: #3d3d3d;
    }

    &>:last-child {
        color: #808080;
    }
}

/* 学工动态 */

/* upper部分 */

/* middle部分 */
.middle {
    display: flex;
    gap: 30px;
}

.middle>* {
    flex: 1;
}

#tongZhiGongGao {
    display: flex;
    flex-direction: column;
}

.tongZhiLi {
    display: flex;
    padding-block: 17px;

    border-bottom: 2px solid #F2F2F2;
}

.tongZhiLiTime {
    display: flex;
    flex-direction: column;

    border: 1px solid #e1e1e1;

    &>:first-child>:first-child {
        font-weight: bold;
        font-size: 26px;
        color: white;
        text-align: center;

        background-color: #8c0000;
    }

    &>:first-child>:last-child {
        font-family: "SourceHanSansCN-Regular ";
        font-weight: 400;
        font-size: 14px;

        line-height: 30px;
        padding-inline: 8px;

        color: #8c0000;

        min-width: 60px;

        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* 限制显示的行数 */
        -webkit-box-orient: vertical;
        /* 垂直方向排列子元素 */
        overflow: hidden;
        /* 隐藏超出部分 */
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
    }
}

.tongZhiLiText {
    display: flex;
    flex-grow: 1;

    align-items: center;
    justify-content: right;

    font-family: "Source Han Sans CN";
    font-size: 18px;
    color: #1a1a1a;

    padding-inline-start: 14px;

    &>* {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* 限制显示的行数 */
        -webkit-box-orient: vertical;
        /* 垂直方向排列子元素 */
        overflow: hidden;
        /* 隐藏超出部分 */
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
    }
}


/* 党团建设 */
#dangTuanJianShe {
    display: flex;
    flex-direction: column;
}

.dangTuanImg {
    padding-block: 16px;

    &>* {
        object-fit: fill;
        width: 100%;
    }
}

#dangTuanJianShe>:last-child {
    display: flex;
    flex-direction: column;

    flex-grow: 1;

    &>* {
        flex: 1;
    }
}

.dangTuanUl {
    display: flex;
    flex-direction: column;
}

.dangTuanLi {
    display: flex;

    border-top: 2px solid #F2F2F2;

    flex: 1;

    align-items: center;

    &>:first-child {
        flex: 1;

        /* 配合mark */
        padding-inline-start: 16px;
        /* 配合mark */

        color: #3d3d3d;
        font-size: 18px;
    }

    &>:last-child {
        color: #808080;
        font-size: 16px;
    }

    &>* {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* 限制显示的行数 */
        -webkit-box-orient: vertical;
        /* 垂直方向排列子元素 */
        overflow: hidden;
        /* 隐藏超出部分 */
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
    }
}

.dangTuanLi:last-child {
    border-bottom: 2px solid #F2F2F2;
}

.dangTuanLi::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #CAA14E;
}

/* 党团建设 */


#zhengCeFaGui {
    display: flex;
    flex-direction: column;
}

#zhengCeFaGui>:last-child {
    display: flex;
    flex-direction: column;

    flex-grow: 1;

    &>* {
        flex-grow: 1;
    }
}

.zhengCeUl {
    display: flex;
    flex-direction: column;
}

/* middle部分 */

/* lower部分 */
.lower {
    display: flex;
    flex-direction: column;

    min-height: 360px;

    align-items: center;
    justify-content: center;

    background-image: url('images/lowerBackground.png');

    &>* {
        flex: 1;
    }
}

#lowerTitle {
    display: flex;
    justify-content: center;
    align-items: end;

    font-weight: 700;
    font-size: 20px;
    color: #8c0000;
}

.lowerContent {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;

    &>* {
        flex: 1;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        & img {
            max-width: 336px;
        }

        & span {
            font-size: 16px;
            line-height: 40px;
            color: #4b4b4b;
        }
    }
}

/* lower部分 */

/* bottom页脚部分 */
.bottom {
    background-image: url(images/bottomBackground.png);
    background-size: cover;

    width: 100%;

    padding-block: 30px;

    text-align: center;
    line-height: 30px;
    color: #e6e6e6;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}

/* bottom页脚部分 */



/* 教学动态page */
.jiaoXueDongTai-page {
    display: flex;
    flex-direction: column;
    gap: 44px;

    &>:last-child {
        flex-grow: 1;

        display: flex;
        gap: 50px;
    }
}

.fastNavi {
    min-width: 240px;

    .fastNavi-title {
        font-size: 20px;
        font-weight: 700;
        color: #ffffff;

        background-color: #8c0000;

        letter-spacing: 3.6px;
        text-align: center;
        padding-block: 20px;

        margin-bottom: 15px;
    }

    .fastNavi-content {
        color: #8c0000;
        background-color: #e6e6e6;

        &>* {
            text-align: center;
            padding-block: 16px;
        }

        &>:first-child {
            background-color: #8c0000;
            color: #e6e6e6;
        }

        &>:hover {
            background-color: #8c0000;
            color: #e6e6e6;
        }
    }
}

.jiaoXueDongTai-page-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.com-title {
    display: flex;
    gap: 10px;

    .page-title {
        font-size: 24px;
        font-weight: 700;
        font-family: "Microsoft YaHei";
        color: #8c0000;

        padding-bottom: 10px;
        border-bottom: 2px solid #8c0000;
    }

    .bread-navi {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: end;

        border-bottom: 2px solid #F2F2F2;
    }
}

.content-coat {
    min-height: 1200px;
    width: 100%;
}

.detail-list {
    display: flex;
    flex-direction: column;

    /* min-height: 1200px;
    width: 100%; */

    font-family: "Microsoft YaHei";

    .detail-list-li {
        display: flex;
        gap: 30px;

        padding: 30px;

        .detail-list-time {
            display: flex;
            flex-direction: column;

            color: #8c0000;

            text-align: center;

            &>:first-child {
                white-space: nowrap;
                font-size: 14px;
            }

            &>:last-child {
                flex: 1;
                white-space: nowrap;
                font-size: 36px;
                font-weight: 700;

                line-height: 70px;

                border-bottom: 2px solid #8c0000;
            }
        }

        .detail-list-content {
            display: flex;
            flex-direction: column;

            &>:first-child {
                text-align: left;
                font-size: 18px;
                font-weight: 700;
            }

            &>:last-child {
                flex-grow: 1;

                display: flex;
                align-items: end;

                font-size: 16px;
                font-weight: 400;
            }
        }
    }

    .detail-list-li:hover {
        color: #ffffff;
        background-color: #8c0000;

        .detail-list-time {
            color: #ffffff;

            &>:last-child {
                border-bottom: 2px solid #ffffff;
            }
        }
    }
}

.content-underwear {
    font-family: "Microsoft YaHei";


    h1 {
        text-align: center;
        font-size: 20px;
        font-weight: 700;

        padding-block: 15px;

        border-bottom: 1px solid #e6e6e6;
    }

    h2 {
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        color: #999999;

        padding-block: 15px;
    }

    .content-text {
        font-size: 16px;
        font-weight: 400;

        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .content-text-pic {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        div {
            padding-block: 19px;
            font-size: 16px;
        }
    }
}



/* 教学动态page */